<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/style.css">
</head>

<body>
    <header>
        <div class="container">
            <a href="index.html">
                <img src="images/logo.png" alt="logo" />
            </a>
            <nav>
                <a class="Home active" href="index.html">Home</a>
                <a class="Course" href="#">Course</a>
                <a class="Actual" href="#">Actual</a>
                <a class="Plan" href="#">Plan</a>
                <a class="FAQ" href="#">FAQ</a>
                <a class="Notes" href="#">Notes</a>
            </nav>
        </div>
    </header>
    <section class="banner">
        <ul>
            <li class="active">
                <img src="images/banner/banner1.jpg" alt="">
            </li>
            <li class="left">
                <img src="images/banner/banner3.jpg" alt="">
            </li>
            <li class="right">
                <img src="images/banner/banner2.jpg" alt="">
            </li>
        </ul>
    </section>
    <section class="main">
        <aside>
            <h1>Recent
                <samp>Course</samp>
            </h1>
            <dl>
                <dt>Hyper Text Markup Language</dt>
                <dd>
                    <img src="images/Course/05_05.png" alt="">
                </dd>
                <dd>HTML is the standard markup language used to create web pages and its elements form the building blocks of
                    all websites.
                </dd>
            </dl>
            <dl>
                <dt>Cascading Style Sheets</dt>
                <dd>
                    <img src="images/Course/06_04.png" alt="">
                </dd>
                <dd>Cascading Style Sheets (CSS) is a simple mechanism for adding style (e.g., fonts, colors, spacing) to Web
                    documents.
                </dd>
            </dl>
            <dl>
                <dt>JavaScript</dt>
                <dd>
                    <img src="images/Course/09_07.png" alt="">
                </dd>
                <dd>JavaScript is a high-level, dynamic, untyped, and interpreted programming language.
                </dd>
            </dl>
            <dl>
                <dt>AngularJS</dt>
                <dd>
                    <img src="images/Course/02_09.png" alt="">
                </dd>
                <dd>AngularJS is an open-source web application framework mainly maintained by Google and by a community of individuals
                    and...
                </dd>
            </dl>
        </aside>
        <article>
            <h1>Welcome to
                <samp>Massive Open Online Course!</samp>
            </h1>
            <p>We provide the latest knowledge to help you cope with the changing world!</p>
            <img src="images/article.jpg" alt="">

            <p>We hope that all the students who love the Internet can be more convenient access to learning resources, using
                the Internet thinking to change our learning.</p>

            <p>Focus on IT skills education MOOC, consistent with the development trend of the Internet down to earth's MOOC.
                We are free, we only teach useful, we concentrate on education.</p>
        </article>
    </section>
    <footer>
        <div class="container">
            <p>Copyright © 2016 imooc.com All Rights Reserved.</p>
            <span>
                <img src="images/icon/weichat.png" alt="">
                <img src="images/icon/sina.png" alt="">
                <img src="images/icon/qq.png" alt="">
            </span>
        </div>
    </footer>
</body>

</html>